<template>
  <div class="patient-info">
    <PatientCard v-for="(item, i) in patientInfo" :key="i" :info="item" />
  </div>
</template>

<script setup>
import PatientCard from "./component/patientCard.vue";
import { get_whiteboardPatientInfo } from "@/apis/patientInfo.js";
import { ref } from "vue";

//患者信息
let patientInfo = ref([]);

//获取患者信息
async function getPateintInfo() {
  let res = await get_whiteboardPatientInfo();
  patientInfo.value = res.data.patientList;
}
getPateintInfo();
</script>

<style lang="scss" scoped>
.patient-info {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  overflow-y: auto;
  /* 隐藏默认的滚动条样式 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  .patient-info::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
  }
}
</style>
